<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"/>
    <link rel="stylesheet" href="../bootstrap-3.3.7-dist/css/bootstrap.css" media="screen"/>
    <script src="../jquery/jquery-3.3.1.min.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.js"></script>
</head>
<body>
<div th:fragment="header">
    <div class="row">
        <nav class="navbar navbar-inverse" style="height: 100%" role="navigation">
            <div class="col-md-6 col-xs-6" >
                <ul class="nav navbar-nav pull-left" style="width: 100%">
                    <li><a class="navbar-brand" href="home">租房系统</a></li>
                    <li><a class="navbar-brand" href="#">业主</a></li>
                </ul>
            </div>
            <div class="col-md-6 col-xs-6">
                <ul class="nav navbar-nav pull-right" style="width: 100%;">

                    <li class="dropdown pull-right">
                        <a href="#" class="dropdown-toggle" data-toggle="dropdown">
                            操作 <b class="caret"></b>
                        </a>
                        <ul class="dropdown-menu">
                            <li><a href="http://58.87.74.194:8029/checklist">我的看房</a></li>
                            <li class="divider"></li>
                            <li><a href="/showMyOrder">我的租房</a></li>
                            <li class="divider"></li>
                            <li> <a href="/showAccount">账户信息</a></li>
                            <li class="divider"></li>
                            <li> <a href="logout">退出</a></li>
                        </ul>
                    </li>
                    <li class="dropdown pull-right">
                        <a href="showUser" class="thumbnail" style="padding: 3px;margin: 3px;height: 45px;width: 45px">
                            <img id="avatar-small" style="width: 100%;height: 100%;" th:if="${avatar}!=null" th:src="${avatar}"/>
                        </a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</div>
</body>
</html>